
.HolyGrail {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background-color: #0366d6;
}

.homeHeader,
.homeFooter {
  flex: 1;
  background-color: #42b983;
}

.HolyGrail-body {
  display: flex;
  flex: 1;
  background-color: #1b1f23;
}

.HolyGrail-center {
  background-color: #959da5;
  flex: 1;
}

.HolyGrail-left, .HolyGrail-right {
  /* 两个边栏的宽度设为12em */
  flex: 0 0 12em;
}

.HolyGrail-left {
  /* 导航放到最左边 */
  order: -1;
}
